<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>全图滚动</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <div class="container">
        <!-- 导航 -->
        <nav class="navbar">
            <ul>
                <li><a href="#home">主页</a></li>
                <li><a href="#about">关于</a></li>
                <li><a href="#service">服务</a></li>
                <li><a href="#contact">联系我们</a></li>
            </ul>
        </nav>
        <!-- 内容 -->
        <section id="home">
            <h1>主页</h1>
            <p class="lead">
                Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quis blanditiis aliquam earum voluptate atque
                qui magni vel vero in corporis totam mollitia eum, eaque eos ducimus, itaque similique id asperiores.
            </p>
        </section>
        <section id="about">
            <h1>关于</h1>
            <p class="lead">
                Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quis blanditiis aliquam earum voluptate atque
                qui magni vel vero in corporis totam mollitia eum, eaque eos ducimus, itaque similique id asperiores.
            </p>
        </section>
        <section id="service">
            <h1>服务</h1>
            <p class="lead">
                Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quis blanditiis aliquam earum voluptate atque
                qui magni vel vero in corporis totam mollitia eum, eaque eos ducimus, itaque similique id asperiores.
            </p>
        </section>
        <section id="contact">
            <h1>联系我们</h1>
            <p class="lead">
                Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quis blanditiis aliquam earum voluptate atque
                qui magni vel vero in corporis totam mollitia eum, eaque eos ducimus, itaque similique id asperiores.
            </p>
        </section>

    </div>
    <script src="https://cdn.bootcss.com/smooth-scroll/15.2.1/smooth-scroll.min.js"></script>
    <!-- <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js
    "></script>
    <script src="main.js"></script>
</body>

</html>